;(function($){

    $.fn.silder=function(options){
        var defaults={
            autoScoll:true,//是否滚动
            speed:2000,//滚动间隔
            arrowControl:false,//左右箭头
            numControl:false,//数字
        }
        var  settings=$.extend({},defaults,options);
        var silder=$(this);
        var ul=silder.find("ul");
        var li=ul.find("li");
        var img=li.find("img");
        var  width=silder.width();
        var  height=silder.height();
        var len=li.length;
        var time=null;
        var index=0;

        img.add("li").css({width:width,height:height});
        ul.css({width:width*len,height:height});
        if(settings.autoScoll){
            //开始滚动
          time=setInterval(pic,settings.speed)
        }
        //显示数字页码
        if(settings.numControl){
            silder.append("<div id='num'></div>");
            for(var i=0;i<len;i++){
                silder.find("#num").append("<span>"+(i+1)+"</span>");
            }
            //给数字的第一个加上样式
            silder.find("#num span").eq(0).addClass("active");
            silder.find("#num span").on("mouseover",function(){
                silder.find("#num span").eq($(this).index()).addClass("active").siblings().removeClass("active");
                  index=silder.find("#num span").index($(this));
                showPic(index);
            })

        }
        //点击左右箭头及切换
        if(settings.arrowControl){
            silder.append("<span class='left'></span><span class='right'></span>");
            var prev=silder.find(".left");
            var next=silder.find(".right");
            prev.on("click",function(){
             index--;
             if(index==-1){index=len-1}
             showPic(index);
            })
            next.on("click",function(){
                index++;
                if(index==len){index=0}
                showPic(index);
            })
        }
        
        // 定义index的值
        function pic(){
            index++;
            if(index==len)index=0;
            showPic(index);

        }
        //图片切换动画
        function showPic(index){
              ul.animate({
                  left:-index*width
              })
              //切换图片时，数字也随着索引切换
              silder.find("#num span").eq(index).addClass("active").siblings().removeClass("active");
        }
        silder.on("mouseover",function(){
           clearInterval(time);
        })
        silder.on("mouseout",function(){
            if(settings.autoScoll){
                time=setInterval(pic,settings.speed)
              }
        })
    return this;
}
})(jQuery);